<template>
    <div class="title">
        <span class="name">今日推荐</span>
        <span @click="turn" class="more">查看更多  》</span>
    </div>
</template>

<script>
    export default {
        methods:{
            turn(){
                this.$router.push({
                    path:'/list'
                })
            }
        }
    }
</script>

<style type="text/stylus" lang="stylus">
    .title
        background-color white
        height 40px
        padding 0 10px
        display flex
        align-items center
        justify-content space-between
        .name
            font-weight 400
            font-size 14px
        .more
            float right
            font-weight 350
            font-size 12px


</style>
